$('#q-dl').on("click", function () {
    $(".login-top").hide().siblings(".red-top").show()
})
$('#q-login').on("click", function () {
    $(".red-top").hide().siblings(".login-top").show()
})

//密码验证
layui.form.verify({
    pwd: [
        /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
    ],
    repwd: function (value) {
        if (value != $(".red-top [name=password]").val()) {
            return "两次密码不一样"
        }
    }
})

//监听注册事件
$("#form-red").on("submit", function (e) {
    e.preventDefault()
    // alert("111");
    $.ajax({
        type: "post",
        url: "/api/reguser",
        data: {
            username: $('.red-top [name=username]').val(),
            password: $('.red-top [name=password]').val(),
        },
        success(res) {
            if (res.status !== 0) {
                return layui.layer.msg(res.message)
            }
            layui.layer.msg("注册成功，请登录")
            $("#q-login").click()
        }
    })
})

//监听登陆事件
$("#form-login").on("submit", function (e) {
    e.preventDefault()
    // alert("111");
    $.ajax({
        type: "post",
        url: "/api/login",
        //serialize()获取表单数据
        data: $(this).serialize(),
        success(res) {
            console.log(res);
            if (res.status !== 0) {
                return layui.layer.msg(res.message)
            }
            layui.layer.msg("登陆成功")
            
            //1. token 保存在本地存储中
            localStorage.setItem("token", res.token)
            //2. 跳转首页
            location.href = "../index.html"
        }
    })
})